<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<style>
		ul,h3,p{
			padding: 0;
			margin: 0;
		}
		a img{
			border: none;
			display: block;
		}
		.ztuo li{
			height: 150px;
			overflow: hidden;
		}
		.ztuo img{
			width: 150px;
			height: 150px;
			float: left;
			margin-right: 9px;
		}
		.text{
			width: 300px;
			height: 150px;
			float: left;
		}
		.text h3{
			line-height: 30px;
		}
		.text p{
			line-height: 20px;
			text-align: 2em;
		}
	
	
	
	</style>
</head>

<body>
	<ul class="ztuo">
		<li>
			<a href="#">
				<img src="img/a001.jpg">
			</a>
			<div class="text">
				<h3>这里是标题</h3>
				<p>这里是文字</p>
			</div>
		</li>
		<li>
			<a href="#">
				<img src="img/a001.jpg">
			</a>
			<div class="text">
				<h3>这里是标题</h3>
				<p>这里是文字</p>
			</div>
		</li>
		<li>
			<a href="#">
				<img src="img/a001.jpg">
			</a>
			<div class="text">
				<h3>这里是标题</h3>
				<p>这里是文字</p>
			</div>
		</li>
		<li>
			<a href="#">
				<img src="img/a001.jpg">
			</a>
			<div class="text">
				<h3>这里是标题</h3>
				<p>这里是文字</p>
			</div>
		</li>
		<li>
			<a href="#">
				<img src="img/a001.jpg">
			</a>
			<div class="text">
				<h3>这里是标题</h3>
				<p>这里是文字</p>
			</div>
		</li>
	</ul>
	123
</body>
</html>
